body {
    font-size: 14px;
    font-family: Arial, Helvetica;
    color: #000;
}

/* Boxes
---------------------------------------------------------------------*/

.box {
    padding: 8px;
    margin-bottom:8px;
    color:#555;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background:#eee;

    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    font-weight: normal;
}
.box-info {
    padding-left: 32px;
    border-top:1px solid #B8E2FB;
    border-bottom:1px solid #B8E2FB;
    background:#E8F6FF url("../img/info.png") no-repeat 8px 50%;
}
.box-warning{
    padding-left: 32px;
    border-top:1px solid #F2DD8C;
    border-bottom:1px solid #F2DD8C;
    background:#FFF5CC url("../img/waring.png") no-repeat 8px 50%;
}
.box-error{
    padding-left: 32px;
    border-top:1px solid #F8ACAC;
    border-bottom:1px solid #F8ACAC;
    background:#FFD1D1 url("../img/error.png") no-repeat 8px 50%;
}
.box-error-msg{
    margin-top:-8px;
    background:#FFF1F1;
    border-top:0 none;
    border-bottom:1px solid #FDDCDC;
    color:#664B4B;
    padding:12px;
}
.box-error-msg ol {
    margin-top: 0;
    margin-bottom: 0;
}
.box-success{
    padding-left: 32px;
    border-top:1px solid #BBDF8D;
    border-bottom:1px solid #BBDF8D;
    background:#EAF7D9 url("../img/success.png") no-repeat 8px 50%;
}

.box a:hover {
    background: transparent !important;
}

.box ol {
    list-style: decimal outside;    
}
.box li {
    display: list-item;
    margin-left: 17px;
}
